<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>首页</title>
    <link rel="stylesheet" href="./css/index.css" />
    <script src="./libs/jquery.js"></script>
    <script src="./js/code.js"></script>
    <script src="./js/index.js"></script>
    <script src="./libs/lodash.js"></script>
    <script src="./libs/lazyload.js"></script>
  </head>
  <body>
    <div class="headBigBox clearFixed">
      <!-- 最顶部 start -->
      <div class="heder big_area clearFixed">
        <div class="h-content area_px clearFixed fs12">
          <p class="fl">
            您好<span class="h-spn"></span>，欢迎光临特步官方商城！
          </p>
          <ul class="hdUld fr">
            <li class="fl li1">
              <div class="dtxt"><a href="#">我的特步</a></div>
            </li>
            <li class="fl li1">
              <div class="dtxt"><a href="#">品牌官网</a></div>
            </li>
            <li class="fl li3">
              <span class="fl"
                ><img src="./images/mobile_icon.png" alt="" /></span
              ><a href="">手机特步<b>∨</b></a>
            </li>
            <li class="fl">
              <div>
                <span class="fl"
                  ><img src="./images/cart_icon.png" alt="" /></span
                ><a href="../" class="txt">购物车<span> &nbsp;(1) 件</span></a>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <!-- 最顶部 end -->
      <!-- nav start  -->
      <div class="nav clearFixed">
        <div class="navConetent">
          <img class="fl" src="./images/tebusb.jpg" alt="" />
          <div class="navBig fl">
            <div class="nav_Input">
              <input type="text" />
              <span>搜索</span>
            </div>
            <ul>
              <li>热门搜索:</li>
              <li>减震旋跑鞋</li>
              <li>山海休闲鞋</li>
              <li>动力巢跑鞋</li>
              <li>猫和老鼠联名款</li>
              <li>游云篮球鞋</li>
            </ul>
          </div>
          <div class="bigUl">
            <ul class="fr navlu2">
              <li><img src="./images/210-70.jpg" /></li>

              <li><img src="./images/huiyuan.jpg" alt="" /></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- nav end  -->
    <!-- 头部导航栏 start  -->
    <div class="h-Navigation">
      <dl class="area_px h-header">
        <dt onmousemove="$('.box').show()" onmouseout="$('.box').hide()">
          <!-- //  -->
          全部商品分类
          <div class="box clearFixed">
            <li class="clearFixed">
              <dl class="clearFixed">
                <dt>男鞋</dt>
                <dd>跑步鞋</dd>
                <dd>篮球鞋</dd>
                <dd>休闲鞋</dd>
                <dd>板鞋</dd>
                <dd>综训鞋</dd>
                <dd>帆布鞋</dd>
                <dd>户外鞋</dd>
              </dl>
            </li>
            <li class="clearFixed">
              <dl>
                <dt>女鞋</dt>
                <dd>休闲鞋</dd>
                <dd>板鞋</dd>
                <dd>综训鞋</dd>
                <dd>帆布鞋</dd>
                <dd>户外鞋</dd>
              </dl>
            </li>
            <li class="clearFixed">
              <dl>
                <dt>科技跑鞋</dt>
                <dd>动力巢科技</dd>
                <dd>减震旋科技</dd>
                <dd>飚速科技</dd>
                <dd>竞速160X</dd>
                <dd>氢云科技</dd>
                <dd>驭能科技</dd>
                <dd>竞训260</dd>
              </dl>
            </li>
            <li class="clearFixed">
              <dl>
                <dt>潮流尖货</dt>
                <dd>二次元</dd>
                <dd>机甲系列</dd>
                <dd>山海系列</dd>
                <dd>国潮天乘</dd>
                <dd>怪兽大学</dd>
                <dd>兔八哥联名</dd>
                <dd>猫和老鼠联名</dd>
                <dd>姜子牙联名</dd>
              </dl>
            </li>
            <li class="clearFixed">
              <dl>
                <dt>男装</dt>
                <dd>运动T恤</dd>
                <dd>休闲T恤</dd>
                <dd>短裤</dd>
                <dd>长裤</dd>
                <dd>针织衫/卫衣/长T</dd>
                <dd>针织衫/卫衣/长T</dd>
                <dd>运动套装</dd>
                <dd>外套夹克</dd>
                <dd>棉服</dd>
                <dd>羽绒股</dd>
              </dl>
            </li>
            <li class="clearFixed">
              <dl>
                <dt>女装</dt>
                <dd>运动T恤</dd>
                <dd>休闲T恤</dd>
                <dd>短裤</dd>
                <dd>长裤</dd>
                <dd>针织衫/卫衣/长T</dd>
                <dd>针织衫/卫衣/长T</dd>
                <dd>运动套装</dd>
                <dd>外套夹克</dd>
                <dd>棉服</dd>
                <dd>羽绒股</dd>
              </dl>
            </li>
          </div>
        </dt>
        <dd><a>首页</a></dd>
        <dd
          class="dbox"
          onmousemove="$('.navddbox1').show()"
          onmouseout="$('.navddbox1').hide()"
        >
          <a>跑步</a>

          <div class="navddbox1">
            <div class="dd_left fl">
              <img src="./images/paobu.jpg" alt="" />
            </div>
            <div class="dd_right fr">
              <lu>
                <li>
                  <p class="p1">远动表现</p>
                  <a href="">运动鞋</a>
                  <a href="">运动服</a>
                </li>
                <li>
                  <p>运动生活</p>
                  <a href="">休闲鞋</a>
                  <a href="">休闲服</a>
                </li>
                <li>
                  <p>新品推荐</p>
                </li>
                <li class="abox">
                  <p>专题</p>
                  <a href="">山海老爹鞋</a>
                  <a href="">猫和老鼠联名款</a>
                  <a href="">时尚跑鞋</a>
                </li>
              </lu>
            </div>
          </div>
        </dd>
        <dd
          class="dbox"
          onmousemove="$('.navddbox2').show()"
          onmouseout="$('.navddbox2').hide()"
        >
          <a>男子</a>
          <div class="navddbox2">
            <div class="dd_left fl">
              <img src="./images/nanzi.jpg" alt="" />
            </div>
            <div class="dd_right fr">
              <lu>
                <li>
                  <p class="p1">远动表现</p>
                  <a href="">运动鞋</a>
                  <a href="">运动服</a>
                </li>
                <li>
                  <p>运动生活</p>
                  <a href="">休闲鞋</a>
                  <a href="">休闲服</a>
                </li>
                <li>
                  <p>新品推荐</p>
                </li>
                <li class="abox">
                  <p>专题</p>
                  <a href="">山海老爹鞋</a>
                  <a href="">猫和老鼠联名款</a>
                  <a href="">时尚跑鞋</a>
                </li>
              </lu>
            </div>
          </div>
        </dd>
        <dd
          class="dbox"
          onmousemove="$('.navddbox3').show()"
          onmouseout="$('.navddbox3').hide()"
        >
          <a>女子</a>
          <div class="navddbox3">
            <div class="dd_left fl">
              <img src="./images/nvzi.jpg" alt="" />
            </div>
            <div class="dd_right fr">
              <lu>
                <li>
                  <p class="p1">远动表现</p>
                  <a href="./details.html">运动鞋</a>
                  <a href="./details.html">运动服</a>
                </li>
                <li>
                  <p>运动生活</p>
                  <a href="">休闲鞋</a>
                  <a href="">休闲服</a>
                </li>
                <li>
                  <p>新品推荐</p>
                </li>
                <li class="abox">
                  <p>专题</p>
                  <a href="">山海老爹鞋</a>
                  <a href="">猫和老鼠联名款</a>
                  <a href="">时尚跑鞋</a>
                </li>
              </lu>
            </div>
          </div>
        </dd>
        <dd
          class="dbox"
          onmousemove="$('.navddbox4').show()"
          onmouseout="$('.navddbox4').hide()"
        >
          <a>儿童</a>
          <div class="navddbox4">
            <div class="dd_left fl">
              <img src="./images/ertong.jpg" alt="" />
            </div>
            <div class="dd_right fr">
              <lu>
                <li>
                  <p class="p1">童鞋</p>
                  <a href="">跑步鞋</a>
                  <a href="">休闲鞋</a>
                </li>
                <li>
                  <p>童装</p>
                  <a href="">短袖</a>
                  <a href="">短裤</a>
                </li>
                <li>
                  <p>新品推荐</p>
                </li>
                <li class="abox">
                  <p>优惠活动</p>
                  <a href="">关注 "特步官方商城" 微信公众号,回复优惠券领取</a>
                </li>
              </lu>
            </div>
          </div>
        </dd>

        <dd
          class="dbox"
          onmousemove="$('.navddbox5').show()"
          onmouseout="$('.navddbox5').hide()"
        >
          <a>配件</a>
          <div class="navddbox5">
            <div class="dd_left fl">
              <img src="./images/peijian.jpg" alt="" />
            </div>
            <div class="dd_right fr">
              <lu>
                <li><p>运动包</p></li>
                <li><p>运动袜</p></li>
                <li>
                  <p>帽子</p>
                </li>
                <li>
                  <p>护具</p>
                </li>
                <li>
                  <p>内裤</p>
                </li>
                <li class="abox">
                  <p>优惠活动</p>
                  <a href="">关注 "特步官方商城" 微信公众号,回复优惠券领取</a>
                </li>
              </lu>
            </div>
          </div>
        </dd>
        <dd
          class="dbox"
          onmousemove="$('.navddbox6').show()"
          onmouseout="$('.navddbox6').hide()"
        >
          <a>马拉松</a>
          <div class="navddbox6">
            <div class="dd_left fl">
              <img src="./images/malasong.jpg" alt="" />
            </div>
            <div class="dd_right fr">
              <lu>
                <li>
                  <p class="p1">竞速160</p>
                </li>
                <li>
                  <p>竞训300</p>
                </li>
                <li>
                  <p>跑步服饰系列</p>
                </li>
                <li class="abox">
                  <p>马拉松专题</p>
                  <a href="">沈阳马拉松</a>
                  <a href="">成都马拉松</a>
                  <a href="">太原马拉松</a>
                </li>
                <li class="abox">
                  <p>优惠活动</p>
                  <a href="">关注 "特步官方商城" 微信公众号,回复优惠券领取</a>
                </li>
              </lu>
            </div>
          </div>
        </dd>
        <dd class="h_dl_last"><a>团购定制</a></dd>
      </dl>
    </div>
    <!-- 头部导航栏 end  -->
    <!-- conter 轮播图 start -->
    <div class="swper1 clearFixed">
      <ul class="clearFixed">
        <li class="fl clearFixed">
          <img src="./images/syLb1.jpg" alt="" />
        </li>
        <li class="fl clearFixed">
          <img src="./images/syLb2.jpg" alt="" />
        </li>
        <li class="fl"><img src="./images/syLb3.jpg" alt="" /></li>
        <li class="fl"><img src="./images/syLb4.jpg" alt="" /></li>
        <li class="fl"><img src="./images/syLb5.jpg" alt="" /></li>
        <li class="fl"><img src="./images/syLb6.jpg" alt="" /></li>
      </ul>
      <ol></ol>
    </div>
    <!-- conter 轮播图 start -->

    <!-- 走图 start  -->
    <div class="bigSwiperBig">
      <div class="SwiperZou">
        <ul class="zoutu">
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
          <li><img src="./images/reba.jpg" alt="" /></li>
          <li><img src="./images/linshuhao1.jpg" alt="" /></li>
          <li><img src="./images/wangdongcheng.jpg" alt="" /></li>
          <li><img src="./images/xietingfeng.jpg" alt="" /></li>
          <li><img src="./images/fanchengcheng.jpg" alt="" /></li>
        </ul>
      </div>
    </div>
    <script type="text/javascript">
      (function () {
        class GapSwiper2 {
          constructor(el) {
            this.el = el;
            this.oZoutu = this.el.find(".zoutu");
            this.oLi = this.el.find("li");
            console.log(this.oLi);
            this.imgIndex = 0;
            this.autoPlay();
            this.point = 1;
            this.mouseHandler();
          }
          autoPlay() {
            this.timer = setInterval(() => {
              this.imgIndex++;
              this.point++;
              this.autoToggle();
            }, 50);
          }
          autoToggle() {
            // if (this.point > 100) {
            //   // this.oZoutu.animate({ left:0});
            //   this.oLi.clone(true).appendTo(this.oZoutu);
            //   this.oZoutu.children().eq(0).remove();
            //   // this.oZoutu.children().eq(0).appendTo(this.oZoutu);
            //   this.point=0
            // }
            // if (this.point == 0) {
            //   this.oLi.eq(0).clone(true).appendTo(this.oZoutu);
            //   this.oLi.eq(0).remove();
            // }
            this.oZoutu.animate({ left: -this.imgIndex * 20 });
          }
          mouseHandler() {
            this.oZoutu.mouseenter(() => {
                clearInterval(this.timer);
                console.log(6666);
              }).mouseleave(() => {
                this.autoPlay();
              });
          }
        }
        $.fn.extend({
          swiperAuto2() {
            new GapSwiper2(this);
          },
        });
      })();
      //使用
      $(function () {
        $(".bigSwiperBig").swiperAuto2();
      });
    </script>

    <!-- 走图 end  -->

    <!-- 视屏 start  -->
    <div class="shiping">
      <video muted loop autoplay style="min-width: 1440px" width="100%">
        <source
          src="http://image.xtep.com.cn/uploads/video/37e62345123a1be272f8b.mp4"
          type="video/mp4"
        />
      </video>
      <div class="shipingImg">
        <img src="./images/shipinsousuowenzi.png" alt="" />
      </div>
      <form action="">
        <input type="text" placeholder="请输入关键词,点击搜索按钮,进行检索" />
        <button>搜索</button>
      </form>
      <div class="xia"></div>
    </div>

    <!-- 商品区域 start   -->
    <div class="setion_box clearFixed">
      <div class="setionbox2 clearFixed">
        <div class="setion2mill clearFixed">
          <div class="set2box1 clearFixed">
            <img src="./images/changpin_01.jpg" alt="" />
          </div>
          <div class="set2box2 clearFixed">
            <div class="setbox2_1 fl">
              <img
                class="lazy"
                data-original="./images/changpin_03.jpg"
                alt=""
              />
            </div>
            <div class="fl">
              <img
                class="lazy"
                data-original="./images/changpin_04.jpg"
                alt=""
              />
              <img
                class="lazy"
                data-original="./images/changpin_05.jpg"
                alt=""
              />
            </div>
            <div class="fl">
              <img
                class="lazy"
                data-original="./images/changpin_06.jpg"
                alt=""
              />
            </div>
            <div class="fl">
              <img
                class="lazy"
                data-original="./images/changpin_07.jpg"
                alt=""
              />
              <img
                class="lazy"
                data-original="./images/changpin_08.jpg"
                alt=""
              />
            </div>
          </div>
          <div class="setbox2_2 clearFixed">
            <div class="fl">
              <a href="./details.html?id=1001 "
                ><img
                  class="lazy"
                  data-original="./images/changpin1_12.jpg"
                  alt=""
              /></a>
            </div>
            <div class="fl">
              <a href="./details.html?id=1002"
                ><img
                  class="lazy"
                  data-original="./images/changpin1_13.jpg"
                  alt=""
              /></a>
            </div>
            <div class="fl">
              <a href="./details.html?id=1003"
                ><img
                  class="lazy"
                  data-original="./images/changpin1_14.jpg"
                  alt=""
              /></a>
            </div>
            <div class="fl">
              <a href="./details.html?id=1004"
                ><img
                  class="lazy"
                  data-original="./images/changpin1_15.jpg"
                  alt=""
              /></a>
            </div>
          </div>
          <div class="setbox2_3 clearFixed">
            <div class="fl">
              <a href="./details.html?id=1001"
                ><img
                  class="lazy"
                  data-original="./images/changpin1_16.jpg"
                  alt=""
              /></a>
            </div>
            <div class="fl">
              <a href="./details.html?id=1002"
                ><img
                  class="lazy"
                  data-original="./images/changpin1_17.jpg"
                  alt=""
              /></a>
            </div>
            <div class="fl">
              <a href="./details.html?id=1003"
                ><img
                  class="lazy"
                  data-original="./images/changpin1_18.jpg"
                  alt=""
              /></a>
            </div>
            <div class="fl">
              <a href="./details.html?id=1004"
                ><img
                  class="lazy"
                  data-original="./images/changpin1_19.jpg"
                  alt=""
              /></a>
            </div>
          </div>
          <div class="setbox2_4 clearFixed">
            <div class="fl">
              <a href="./details.html"
                ><img
                  class="lazy"
                  data-original="./images/changpin1_20.jpg"
                  alt=""
              /></a>
            </div>
            <div class="fl">
              <a href="./details.html"
                ><img
                  class="lazy"
                  data-original="./images/changpin1_21.jpg"
                  alt=""
              /></a>
            </div>
            <div class="fl">
              <a href="./details.html?id=1002"
                ><img
                  class="lazy"
                  data-original="./images/changpin1_20.jpg"
                  alt=""
              /></a>
            </div>
            <div class="fl">
              <a href="./details.html?id=1001"
                ><img
                  class="lazy"
                  data-original="./images/changpin1_23.jpg"
                  alt=""
              /></a>
            </div>
          </div>
          <div class="txt clearFixed">选购更多商品</div>
        </div>
      </div>
    </div>

    <!-- 商品区域 end   -->

    <!-- //工作详情 start -->
    <div class="footer-1 area_px clearFixed">
      <dl class="d1">
        <dt>关于我们</dt>
        <dd>公司简介</dd>
        <dd>联系我们</dd>
      </dl>
      <dl>
        <dt>购物指南</dt>
        <dd>常见问题</dd>
        <dd>用户注册</dd>
        <dd>购物流程</dd>
      </dl>
      <dl>
        <dt>售后服务</dt>
        <dd>配送方式</dd>
        <dd>防伪查询</dd>
        <dd>发票制度</dd>
      </dl>
      <div class="foot-2_txt fr">
        <h1>400-008-7666</h1>
        <div class="p1">周一至周日 8:30-21:30</div>
        <a
          href="#"
          $onclick="NTKF.im_openInPageChat('kf_9707_1414986472014');"
        ></a>
        <div class="p1">周一至周日 8:30-21:30</div>
      </div>
    </div>
    <!-- //工作详情 end  -->

    <!-- 尾部导航栏 start  -->
    <div class="clearFixed footer3">
      <div class="footer_nav area_px">
        <img src="./images/x-footer.jpg" alt="" />
      </div>
    </div>
    <!-- 尾部导航栏 end  -->
    <!-- 尾部备案号 start  -->
    <div class="footer_bah area_px">
      <ul class="clearFixed">
        <a href="">
          <li class="li1">关于特步</li>
        </a>
        <a href="">
          <li>帮助中心</li>
        </a>
        <a href="">
          <li>友情链接</li>
        </a>
        <a href="">
          <li>联系我们</li>
        </a>
      </ul>
      <p>
        特步跑鞋 Copyright 2011 xtep.com 特步运动服 All Rights Reserved
        特步官方旗舰店 ICP：<a
          href="https://beian.miit.gov.cn/#/Integrated/index"
          >闽ICP备05021253号-1
        </a>
        特步官网专卖店
      </p>
      <p class="p1">
        <img src="./images/1234.png" alt="" />闽公网安备 35020302001628号
      </p>
    </div>
    <!-- 尾部备案号 end  -->

    <!-- 首页结尾 start  -->
    <div class="footerbig">
      <div class="footerend">
        <img src="./images/onlinepay.jpg" alt="" />
        <img src="./images/goodwebsite.jpg" alt="" />
        <img src="./images/salf.jpg" alt="" />
        <img src="./images/ei_normal.png" alt="" />
        <img src="./images/brand_bottom_large.jpg" alt="" />
      </div>
    </div>
    <!-- 首页结尾 end  -->
    <!-- 侧边定位 start  -->
    <div id="allrightshow">
      <div class="allright_top">
        <a href=""><i class="i_1"></i></a>
        <div class="car clearFixed">
          <i></i>
          购物车
          <b>0</b>
        </div>
        <div class="kefu clearFixed"><i></i> 联系客服</div>
        <div class="ewm">
          <i></i>
        </div>
        <div class="tp clearFixed"><i></i></div>
      </div>
    </div>
    <script>
      $(function () {
        $(".allright_top .car").on("click", () => {
          var info = JSON.parse(sessionStorage.getItem("userInfo"));

          if (info) {
            location = "./carts.html";
          } else {
            alert("您还没有登录,请先登录!");
            location = "./reigster.html";
          }
        });
      });
    </script>
    <!-- 侧边定位 end  -->
  </body>
</html>
